<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<title>后台管理</title>
	<link rel="stylesheet" type="text/css" href="__STATIC__/admin/layui/css/layui.css" />
	<link rel="stylesheet" type="text/css" href="__STATIC__/admin/css/admin.css" />
</head>

<body>
<div class="wrap-container">
	<div class="column-content-detail">
		<form class="layui-form" action="">
			<div class="layui-form-item">
				<div class="layui-inline tool-btn">
					<button class="layui-btn layui-btn-small layui-btn-normal addBtn"><i class="layui-icon">&#xe654;</i></button>
				</div>
				<div class="layui-inline">
					<input type="text" name="q" placeholder="请输入关键字" autocomplete="off" class="layui-input">
				</div>
				<button class="layui-btn layui-btn-normal" lay-submit="search">搜索</button>
			</div>
		</form>
		<div class="layui-form" id="category-table-list">
			<table class="layui-table" lay-even lay-skin="nob">
				<colgroup>
					<col width="50">
					<col class="hidden-xs" width="50">
					<col>
					<col width="150">
					<col width="150">
				</colgroup>
				<thead>
				<tr>
					<th><input type="checkbox" name="" lay-skin="primary" lay-filter="allChoose"></th>
					<th class="hidden-xs">ID</th>
					<th>登录IP</th>
					<th>状态</th>
					<th>操作</th>
				</tr>
				</thead>
				<tbody>

				{volist name='_list' id='vo'}
				<tr>
					<td><input type="checkbox" name="id" lay-skin="primary" value="{$vo.id}" data-id="{$vo.id}"></td>
					<td class="hidden-xs">{$vo.id}</td>
					<td>{$vo.ip}</td>
					<td><button class="layui-btn layui-btn-mini {if condition="$vo['status'] eq 1"}layui-btn-normal{else/}layui-btn-warm{/if} table-list-status" data-status="{$vo.status}" data-id="{$vo.id}">{$vo.status_text|default=''}</button></td>
					<td><div class="layui-inline">
						<button class="layui-btn layui-btn-small layui-btn-normal  edit-btn" data-id="{$vo.id}"><i class="layui-icon">&#xe642;</i></button>
						<button class="layui-btn layui-btn-small layui-btn-danger del-btn" data-id="{$vo.id}"><i class="layui-icon">&#xe640;</i></button>
					</div></td>
				</tr>
				{/volist}

				</tbody>
			</table>
			<!--tp分页-->
			<div class="page-wrap">
				{$_page}
			</div>
		</div>
	</div>
</div>
<script type="text/javascript">
	var SCOPE = {
		add: "{:url('add')}",
		edit: "{:url('edit')}",
		del: "{:url('del')}",
		status: "{:url('status')}"
	}
</script>
<script src="__STATIC__/js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="__STATIC__/admin/layui/layui.js" type="text/javascript" charset="utf-8"></script>
<script src="__STATIC__/js/common.js" type="text/javascript" charset="utf-8"></script>
<script>
	layui.config({
		base: '__STATIC__/admin/js/module/'
	}).extend({
		dialog: 'dialog',
		load: 'load',
		common: 'common'
	});
	layui.use(['form', 'jquery', 'layer', 'dialog', 'element'], function() {
		var form = layui.form(),
				layer = layui.layer,
				$ = layui.jquery,
				common = layui.common,
				element = layui.element(),
				dialog = layui.dialog;

		//获取当前iframe的name值
		var iframeObj = $(window.frameElement).attr('name');
		//全选
		form.on('checkbox(allChoose)', function(data) {
			var child = $(data.elem).parents('table').find('tbody input[type="checkbox"]');
			child.each(function(index, item) {
				item.checked = data.elem.checked;
			});
			form.render('checkbox');
		});
		form.render();
		//顶部添加
		$('.addBtn').click(function() {
			//将iframeObj传递给父级窗口,执行操作完成刷新
			parent.page("添加登录IP", SCOPE.add, iframeObj, w = "700px", h = "620px");
			return false;

		}).mouseenter(function() {

			dialog.tips('添加', '.addBtn');

		})
		//列表添加
		$('.add-btn').click(function() {
			//将iframeObj传递给父级窗口
			parent.page("添加", SCOPE.add, iframeObj, w = "700px", h = "620px");
			return false;

		})
		//删除
		$('.del-btn').on('click', function() {
			var id = $(this).attr('data-id');
			//common.del(SCOPE.del, id);
			ajax_get(conv_url(SCOPE.del)+"id="+id,true);
		})

		//排序
		$('.listOrderBtn').click(function() {

			common.listOrderAll(SCOPE.listOrderAll, '您确定要进行排序吗？');
			return false;

		}).mouseenter(function() {

			dialog.tips('排序', '.listOrderBtn');

		})
		//编辑栏目
		$('#category-table-list').on('click', '.edit-btn', function() {
			var That = $(this);
			var id = That.attr('data-id');
			//将iframeObj传递给父级窗口
			parent.page("编辑登录IP", conv_url(SCOPE.edit) + "id=" + id, iframeObj, w = "700px", h = "620px");
		})


		//修改状态
		$('#category-table-list').on('click', '.table-list-status', function() {
			var That = $(this);
			var status = That.attr('data-status');
			var id = That.attr('data-id');
			var url = conv_url("{:url('status')}")+"id="+id;
			if(status == 0) {
				That.removeClass('layui-btn-warm').addClass('layui-btn-normal').html('正常').attr('data-status', 1);
				url += "&status="+1;
			} else if(status == 1) {
				That.removeClass('layui-btn-normal').addClass('layui-btn-warm').html('禁用').attr('data-status', 0);
				url += "&status="+0;
			}
			get_data(url,false);
		})
	});
</script>
</body>
</html>